<template>
	<div id="entDet">
		<orderYear v-if="orderType == '年度'">
			<div style="display: flex;background: #fff;padding: 10px;border-radius: 8px;margin-top: 10px;color: #999;"
				slot="header">
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '产生'?'selectedClass':'']"
					@click="orderType = '产生'">
					产生台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '年度'?'selectedClass':'']"
					@click="orderType = '年度'">
					年度台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '月度'?'selectedClass':'']"
					@click="orderType = '月度'">
					月度台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '出厂'?'selectedClass':'']"
					@click="orderType = '出厂'">
					出厂台账</div>
			</div>
		</orderYear>
		<orderMonth v-if="orderType == '月度'">
			<div style="display: flex;background: #fff;padding: 10px;border-radius: 8px;margin-top: 10px;color: #999;"
				slot="header">
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '产生'?'selectedClass':'']"
					@click="orderType = '产生'">
					产生台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '年度'?'selectedClass':'']"
					@click="orderType = '年度'">
					年度台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '月度'?'selectedClass':'']"
					@click="orderType = '月度'">
					月度台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '出厂'?'selectedClass':'']"
					@click="orderType = '出厂'">
					出厂台账</div>
			</div>
		</orderMonth>
		<orderProduce v-if="orderType == '产生'">
			<!-- <div slot="header">
				<el-radio-group v-model="orderType" size="mini">
					<el-radio-button label="产生"></el-radio-button>
					<el-radio-button label="年度"></el-radio-button>
					<el-radio-button label="月度"></el-radio-button>
					<el-radio-button label="出厂"></el-radio-button>
				</el-radio-group>
			</div> -->
			<div style="display: flex;background: #fff;padding: 10px;border-radius: 8px;margin-top: 10px;color: #999;"
				slot="header">
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '产生'?'selectedClass':'']"
					@click="orderType = '产生'">
					产生台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '年度'?'selectedClass':'']"
					@click="orderType = '年度'">
					年度台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '月度'?'selectedClass':'']"
					@click="orderType = '月度'">
					月度台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '出厂'?'selectedClass':'']"
					@click="orderType = '出厂'">
					出厂台账</div>
			</div>
		</orderProduce>
		<orderOut v-if="orderType == '出厂'">
			<div style="display: flex;background: #fff;padding: 10px;border-radius: 8px;margin-top: 10px;color: #999;"
				slot="header">
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '产生'?'selectedClass':'']"
					@click="orderType = '产生'">
					产生台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '年度'?'selectedClass':'']"
					@click="orderType = '年度'">
					年度台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '月度'?'selectedClass':'']"
					@click="orderType = '月度'">
					月度台账</div>
				<div style="padding: 10px;cursor: pointer;" :class="[orderType == '出厂'?'selectedClass':'']"
					@click="orderType = '出厂'">
					出厂台账</div>
			</div>
		</orderOut>
	</div>
</template>

<script>
	import orderOut from '@/components/order/orderOut'
	import orderMonth from '@/components/order/orderMonth'
	import orderProduce from '@/components/order/orderProduce'
	import orderYear from '@/components/order/orderYear'
	let that
	export default {
		name: 'entDet',
		components: {
			orderOut,
			orderMonth,
			orderProduce,
			orderYear
		},
		data() {
			return {
				orderType: '产生',
				menus: [],
				params: {
					facilitatorId: '',
					categoryMainId: '',
					ticketId: '',
					itemId: '',
					subjectId: '',
				},
			}
		},
		created: function() {},
		mounted: function() {
			that = this
			that.params.facilitatorId = that.getQueryString("facilitatorId")
			that.params.categoryMainId = that.getQueryString("categoryMainId")
			that.params.ticketId = that.$store.state.token
			that.params.itemId = that.getQueryString("itemId")
			that.params.subjectId = that.getQueryString("subjectId")
		},
		methods: {


		}
	}
</script>

<style scoped>
	.selectedClass {
		color: #426ab3;
		font-weight: bold;
	}
</style>
